@media only screen and (min-width: 1551px) {

  #slideshow {
    height: 554px;
  }

  body {
    margin: auto;
  }

  .project-image {
    height: 298px;
  }

  .middle-header .container {
    max-width: 1300px
  }
}

@media only screen and (min-width: 1900px) {

  #slideshow {
    height: 554px;
  }

  body {
    margin: auto;
  }

  .project-image {
    height: 416px;
  }
}

@media only screen and (max-width: 1550px) {
  #slideshow {
    height: 548px;
  }
}

@media only screen and (max-width: 1439px) {
  #slideshow {
    height: 519px;
  }
}

@media only screen and (max-width: 1359px) {
  #slideshow {
    height: 486px;
  }
}

@media only screen and (max-width: 1279px) {
  #slideshow {
    height: 443px;
  }

  .container {
    width: 1140px;
  }

  .lbtim {
    /* display:none */
  }

  .bottom-abouts {
    /* padding-bottom:30px; */
  }

  .about {
    /* padding-top:100px; */
  }

  .contain-com p {
    font-size: 14px;
  }

  .partner {
    /* padding:35px 0; */
  }

  .news-trade {
    width: 60%;
    padding-top: 30px;
  }
}

@media only screen and (max-width: 1150px) {
  .lan {
    /* margin-top: 2px; */
    /* margin-left: 30px; */
  }

  .lan .vi {
    margin-bottom: 3px
  }

  .middle-header .logo {
    left: 0;
  }

  .right-top {
    float: right
  }

  .middle-header {
    /* height:50px; */
  }

  .shopping {
    margin-top: 20px;
  }

  .mtop50 {
    margin-top: 30px !important
  }

  .inner-page {
    /* margin-top: 30px; */
  }

  .library.inner-page {
    margin-top: 0
  }

  #slideshow {
    height: 394px;
  }

  .container {
    width: 1010px;
  }

  .defaul-bot .container {
    width: 100%;
  }

  .box-trade {
    /* padding:20px; */
  }

  .partner {
    /* padding-top:30px; */
  }

  .product-Promo:before {
    top: 0
  }

  .menu1 {
    display: none;
  }

  .des-hot {
    width: 90%;
  }

  .product-Promo {
    padding: 30px 0
  }

  .product-default ul li .imgproduct,
  .product-list li .imgproduct {
    height: 163px;
  }

  .hotline-default {
    min-height: auto;
    padding: 50px 0;
  }

  .flex-content {
    padding: 10px
  }

  .home-default .container {
    padding: 30px 0
  }

  .phone-hot a {
    font-size: 35px;
  }

  .li-content-gt li strong {
    font-size: 16px;
  }

  .slide-pd li {
    height: 450px
  }

  .left-video {
    margin-top: 0
  }

  .lbtim {
    /* display:none !important */
  }

  .product-default ul li,
  .product-list li {
    /* outline-color: #e8b065; */
    /* box-shadow: 2px 2px 11px rgb(0 0 0 / 30%); */
  }

  .overList:nth-last-child(2),
  .overList:nth-last-child(1) {
    width: 100%;
  }

  .overList:nth-last-child(1) .product-list,
  .overList:nth-last-child(2) .product-list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .overList:nth-last-child(1) .product-list li:nth-child(n+5),
  .overList:nth-last-child(2) .product-list li:nth-child(n+5) {
    display: block;
  }

  .project-image {
    height: 216px;
  }

  footer .middle {
    padding: 30px 0
  }

  .infocompany {
    /* width:100%; */
    /* text-align:center; */
    width: 51%;
  }

  .middle .right {
    /* width:100%; */
    /* text-align:center; */
    width: 46%;
    margin-top: 20px;
  }

  .infocompany .text-footer div:before {
    /* color:#000 */
  }

  .menu-footer+.menu-footer {
    width: 100%;
    margin: auto;
    padding: 0;
    text-align: center;
    margin-top: 20px;
  }

  .tit-member-box {
    font-size: 13px;
  }

  .tit-gt h2 {
    /* font-size:17px; */
    /* text-align: center; */
  }

  .trade-image {
    height: 160px
  }

  nav .menu_main>li>a {
    padding: 26px 18px;
  }

  .middle-header.fix nav .menu_main>li>a {
    padding: 15px 20px
  }

  .img-mem {
    height: 400px
  }

  .box-page-abouts {
    width: 96%;
    box-sizing: border-box;
    padding: 30px 10px;
  }

  .commit .container {
    padding: 0 10px
  }

  .contain-com p {
    font-size: 13px;
  }

  .commit li {
    margin-top: 20px;
    width: 100%;
    margin-left: 0;
  }

  .commit li:nth-child(n+2) {
    width: 100%;
    margin-left: 0;
  }

  .commit {
    height: auto;
    padding-bottom: 15px;
  }

  .contain-com {
    margin-top: 5px
  }

  .about {
    padding-top: 0;
  }

  .bottom-abouts:before {
    display: none
  }

  .left-about {
    width: 52%;
  }

  .description-gt {
    margin-top: 15px;
  }

  .box-category-product {
    padding: 30px 15px;
  }

  .title-big {
    font-size: 38px;
  }

  .tit {
    font-size: 28px;
  }

  .tit a {
    background-size: 30px;
    padding-left: 39px;
  }

  .pnrate {
    position: relative;
    width: 100%;
    padding: 20px 15px;
    box-sizing: border-box;
  }

  .news-trade {
    width: 96%;
    float: none;
    margin: auto;
  }
}


@media only screen and (max-width: 1023px) {
  .pnrate {
    display: none
  }

  #ShowMenu {
    float: left;
    display: block;
    position: relative;
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    margin-top: 3px;
    float: right;
    margin-left: 26px;
    width: 38px;
    height: 34px;
    border: 2px solid #fff;
    text-align: center;
    display: flex;
    border-radius: 4px;
    /* background: #e7252b; */
  }

  #ShowMenu:before {
    content: "\f0c9";
    font-family: fontawesome;
    color: #fff;
    font-size: 27px;
    padding: 0 0px;
    margin: auto;
  }

  #ShowMenu.close:after {
    background-color: rgba(0, 0, 0, .6);
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9;
    top: 0;
    border: 0;
    left: 0;
    content: "";
  }

  .menusp li {
    padding: 5px 10px;
    font-size: 14px
  }

  nav {
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    width: 280px;
    overflow: auto;
    z-index: 10;
    display: none;
    margin: 0;
    z-index: 9999999;
    padding: 0 10px;
    box-sizing: border-box;
    background: #273655;
  }

  nav .menu_main {
    border: none;
    float: none;
    height: auto;
  }

  nav .menu_main.left {
    margin-top: 30px
  }

  nav .menu_main>li.home>a {
    text-indent: 0;
    width: 100%;
  }

  nav .menu_main>li.home i {
    left: 0;
    right: auto;
  }

  nav .menu_main li {
    margin: 7px 0 !important;
    /* color: #fff; */
    float: none;
    text-align: left;
    padding-bottom: 0;
    /* border-top: 1px solid #e9e3e3; */
    position: relative;
    background: none;
  }

  nav .menu_main>li .menusub>li>a {
    /* color: #000; */
    font-size: 16px;
    text-transform: none;
    padding: 0;
    background: #fff !important;
  }

  nav .menu_main li.km-m {
    display: block
  }

  .menusub li:hover:before {
    display: none
  }

  nav .menu_main>li .menusub li {
    margin: 3px 0 !important;
    border: none;
  }

  nav .menu_main>li>a:before {
    display: none
  }

  nav .menu_main li a,
  nav .menu_main.right>li>a {
    padding: 17px 0;
    padding-left: 0;
    text-align: center;
    font-size: 15px;
    text-transform: uppercase;
    height: 45px;
    box-sizing: border-box;
    display: block;
    padding: 0;
    /* background: -webkit-linear-gradient(top,#fff,#e5e5e5); */
    border: 2px solid #fff;
    border-radius: 3px;
    text-align: center;
    line-height: 42px;
  }

  nav .menu_main>li.havesub a:after {
    /* bottom:5px; */
  }

  .menu_main>li a.active,
  .menu_main>li a:hover {
    /* color: #ffcf74 !important; */
  }

  nav .menu_main>li:nth-child(n+3):before {
    display: none
  }

  .menusub {
    position: relative;
    padding-top: 0;
    margin: auto;
    width: 100%;
    display: none;
    transform: none !important;
    transform-origin: unset;
    margin-top: 1px;
    box-shadow: none;
  }

  nav .menu_main li.havesub:nth-child(3) .menusub {
    /* display: block; */
  }

  nav .menu_main>li.none-mb {
    display: block
  }

  nav .logomobile {
    display: block;
    height: 80px;
    width: 100%;
    text-align: center;
  }

  nav .logomobile {
    float: none;
    position: static;
    left: 0;
    right: 0;
    margin: auto !important;
    margin-top: 0;
    height: auto;
  }

  nav .logomobile a {
    padding: 15px 0 5px;
    display: block;
    /* background-color: #fff; */
  }

  nav .logomobile img {
    width: auto;
    height: 100%;
    display: block;
    margin: auto;
  }

  #slideshow {
    height: 347px;
    /* margin-top: 50px; */
  }

  .container {
    width: 880px;
  }

  footer .infocompany .title-footer img {
    display: none
  }

  .bottom-abouts {
    padding-top: 30px;
    padding-bottom: 10px;
  }

  .bottom-abouts:before,
  .bottom-abouts:after {
    display: none
  }

  .project-promo {
    padding-top: 30px;
  }

  .col-sidebar {
    display: none
  }

  .col-section,
  .col-side {
    width: 100%;
  }

  footer .infocompany .title-footer:after {
    position: relative;
    display: block;
    margin: auto;
    margin-top: 10px;
  }

  .tieuchi {
    display: none
  }

  .middle-header {
    height: 45px;
    /* background-color: #ea3d2b; */
  }

  .right-top {
    /* margin-top: 6px; */
    /* padding-bottom: 0; */
  }

  .banner-ct img {
    /* height:100%; */
    /* width:auto; */
  }

  .left.infocompany {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
  }

  .menu-footer {
    float: none;
    display: block;
    /* text-align:left; */
    width: 100% !important;
    padding: 0;
    margin: 0 !important;
  }

  .menu1 {
    display: none
  }

  .menu-footer .fb-page.fb_iframe_widget {
    display: block;
    margin-top: 0;
  }

  .menu-footer .fb-page.fb_iframe_widget iframe {
    /* width:auto !important */
  }

  .cart {
    /* color:#fff; */
    /* font-size: 22px; */
    margin-left: 17px;
  }

  .countcart {
    /* background-color:#fff; */
    /* color:#c11f2f; */
  }

  .shopping {
    /* margin-top: 8px; */
  }

  .searchbox {
    display: block;
    position: relative;
    float: left;
    border: 1px solid #fff;
    z-index: 99;
  }

  .lbtim {
    width: auto;
    position: relative;
    z-index: 1;
    display: none;
  }

  .lbtim i {
    display: none
  }

  .searchbox .btn i {
    display: block;
    margin: auto;
  }

  .searchbox .btn {
    display: block;
    text-decoration: none;
    display: flex;
  }

  nav .menu_main>li.havesub>a:after {
    top: 13px;
    height: 10px;
  }

  .havesub2 a:after {
    display: none
  }

  .havesub2:after {
    top: 0;
    width: 45px;
    height: 45px;
    right: 0;
    content: "\f105";
    position: absolute;
    border-top-color: #fff;
    font-family: "fontawesome";
    z-index: 1;
    font-size: 12px;
    font-weight: bold;
    line-height: 45px;
    text-align: center;
    background: #eeffe3;
  }

  .menusubf2 {
    position: relative;
    left: 0;
    top: 0;
    position: relative;
    padding-top: 0;
    margin: auto;
    width: 100%;
    display: none;
    transform: none !important;
    transform-origin: unset;
    margin-top: 1px;
    box-shadow: none;
  }

  nav .menu_main li>.menusub .menusubf2>li a {
    background: #eeffe3 !important;
    padding: 0px 10px;
    text-transform: none;
    font-size: 15px;
  }

  .left.text {
    width: 100%;
    text-align: center;
  }

  .foot .right {
    width: 100%;
    text-align: center;
  }

  .foot .visitor {
    float: none;
    margin: auto;
    margin-bottom: 9px;
    margin-top: 5px;
  }

  .library ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .library li {
    height: 280px;
  }

  .des-hot {
    width: 90%;
  }

  .product-Promo {
    padding: 30px 0
  }

  .phone-hot {
    margin-bottom: 15px;
  }

  .books-boxes {
    /* margin-top:30px; */
  }

  .hotline-default {
    min-height: auto;
    padding: 50px 0;
  }

  .flex-content {
    padding: 10px
  }

  .home-default .container {
    padding: 30px 0
  }

  .about {
    /* padding-top:30px; */
  }

  .c-tabs-nav a {
    font-size: 15px;
    padding: 5px 20px 8px;
  }

  .product-default ul li .imgproduct,
  .product-list li .imgproduct {
    height: 139px;
  }

  .phone-hot a {
    font-size: 30px;
  }

  .list-article-category .item .postImg {
    height: 176px;
  }

  .banner-ct {
    height: auto !important
  }

  .slogan-video {
    width: 100%;
  }

  footer .infocompany .title-footer {
    width: 80%;
    margin: auto
  }

  .li-content-gt li {
    /* width:100%; */
    /* align-self: center; */
    /* justify-self: center; */
    margin-left: 0;
  }

  .tit-gt h1,
  .slogan-df,
  .tit-pd {
    font-size: 35px;
  }

  .li-content-gt li strong {
    font-size: 16px;
  }

  .slide-pd li {
    height: 450px
  }

  .left-video {
    margin-top: 0
  }

  .img-gt img {
    width: 50%;
    padding-top: 56px;
  }

  .li-content-gt:nth-child(1) {
    /* display: grid; */
    /* grid-auto-rows: minmax(min-content,max-content); */
    /* grid-template-columns: repeat(3,minmax(0,1fr)); */
    /* column-gap: 18px; */
    /* row-gap: 30px; */
    /* align-items: center; */
    /* justify-items: center; */
  }

  .li-content-gt:nth-child(2) {
    padding-left: 80px;
  }

  .slogan-pd {
    font-size: 40px;
  }

  .right-video a {
    height: 300px
  }

  .listImage .listImg,
  .listVieos .postImg {
    height: 220px
  }

  .lstImgContent .postImg {
    height: 150px
  }

  .left-about {
    width: 100%
  }

  .right-gt {
    width: 100%;
    margin-right: 15%;
    /* display: none; */
    position: relative;
    margin-top: 20px;
  }

  .img-about {
    /* height:700px; */
  }

  .commit {
    /* display:none; */
  }

  .chef {
    right: 0
  }

  .swiper-glr2 {
    height: 450px
  }

  .trade-image {
    height: 300px
  }

  .list-member {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 40px;
    row-gap: 40px;
  }

  .logo:after {
    width: 138px;
    height: 120px;
  }

  .logo a {
    margin-left: 10px;
    margin-top: 5px;
  }

  .cd-top {
    left: 10px;
    transform: translate(0%, 0);
  }

  .tit-gt h1 {
    text-align: center;
  }

  .tit-gt h2 {
    text-align: center;
  }

  .tit-gt h2:after {
    margin: auto;
    margin-top: 5px;
  }

  .description-gt {
    text-align: center;
  }

  .detail-gt {
    text-align: center;
  }

  .defaul-bot .container {
    width: 100%;
  }

  .box-buy {
    margin-left: 0;
    margin-top: 10px;
  }

  .contact .right-content {
    width: 98%;
  }
}


@media only screen and (max-width: 900px) {
  #slideshow {
    height: 296px;
  }

  .container {
    width: 750px;
  }

  article .container.overHide {
    padding-bottom: 20px;
  }

  .partner {
    display: none
  }

  .title-category h3,
  .title-category h1,
  .title-category strong {
    font-size: 35px;
  }

  footer .infocompany .title-footer span {
    margin-top: 0
  }

  .list-menu ul {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .left-menu {
    height: auto;
  }

  .content-se p {
    font-size: 16px;
  }

  .content-se span {
    font-size: 20px
  }

  .tit-pro {
    font-size: 20px;
  }

  .box-white {
    padding: 15px;
  }

  .tit-pro a {
    top: 3px;
  }

  .top-header .container {
    /* text-align:center; */
    position: relative;
  }

  .logo {
    /* float:none; */
    /* display:inline-block; */
  }

  .comname {
    /* float:none; */
    /* display:inline-block; */
    /* margin-top:0; */
    /* padding-bottom: 9px; */
    /* overflow: hidden; */
  }

  .top-header .right {
    /* display:none */
    /* max-width: 39%; */
  }

  .top-header .left {
    /* width: 53%; */
  }

  .tit-gt span {
    width: 80%
  }

  .product-list li:nth-child(n+1) {
    /* margin:auto; */
    /* width:32%; */
    /* margin-left:2%; */
  }

  .product-list li:nth-child(3n+1) {
    /* margin-left:0 */
  }

  .product-list li:nth-child(n+4) {
    /* margin-top:20px */
  }

  .c-tabs-nav {
    margin-bottom: 10px;
  }

  .menu-footer .title-footer {
    font-size: 20px;
  }

  .product-default ul,
  .product-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 15px;
    row-gap: 15px;
  }

  .c-tabs-nav a {
    font-size: 15px;
    padding: 5px 20px 8px;
  }

  .product-default ul li .imgproduct,
  .product-list li .imgproduct {
    height: 268px;
  }

  .phone-hot a {
    font-size: 30px;
  }

  .list-article-category .item .postImg {
    height: 140px;
  }

  .banner-ct {
    height: 176px;
    margin: auto !important;
  }

  .left-video {
    width: 100%;
  }

  .right-video {
    width: 100%;
    margin-top: 20px;
  }

  .box-page-abouts {
    width: 96%;
    box-sizing: border-box;
  }

  .listImage,
  .listVieos {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 20px;
    row-gap: 20px;
  }

  .lstImgContent {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 10px;
    row-gap: 10px;
  }

  .video-default {
    padding: 40px 0
  }

  .overList:nth-last-child(1) .product-list,
  .overList:nth-last-child(2) .product-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tit-gt h1,
  .slogan-df,
  .tit-pd {
    /* font-size: 28px; */
  }

  .li-content-gt li strong {
    /* font-size:22px */
  }

  .slide-pd li {
    height: 450px
  }

  .left-video {
    margin-top: 0
  }

  .img-gt img {
    width: 50%;
    padding-top: 56px;
  }

  .li-content-gt:nth-child(1) {
    padding: 0 !important;
  }

  .li-content-gt:nth-child(2) {
    padding-left: 80px;
  }

  .slogan-pd {
    font-size: 40px;
  }

  .right-video a {
    height: auto;
  }

  .listImage .listImg,
  .listVieos .postImg {
    height: 285px;
  }

  .lstImgContent .postImg {
    height: 275px;
  }

  .slide-pd li {
    height: 400px
  }

  .slogan-video {
    font-size: 35px;
  }

  .company h3 {
    font-size: 30px;
    margin-top: 9px;
  }

  .company h4 {
    font-size: 14px;
  }

  .lbtim {
    display: none
  }

  .holine-top {
    font-size: 16px;
  }

  .holine-top i {
    font-size: 12px;
  }


  footer .foot {
    padding-bottom: 8px !important;
  }

  .bottom {
    display: block;
    background: #991722;
    height: 58px;
    border-top: 1px solid #fff;
    z-index: 9999;
  }

  .bottom .div-bot {
    display: block;
    position: relative;
    width: 25%;
    float: left;
    height: 100%;
    left: 0;
    bottom: 0;
    background: none;
    border: none;
    border-left: 1px solid #fff;
    outline: none;
    box-shadow: none;
    text-align: center;
    color: #fff;
    box-sizing: border-box;
    border-radius: 0;
  }

  .bottom .div-bot:first-child {
    border: none
  }

  .bottom .div-bot:after,
  .bottom .div-bot:before {
    display: none
  }

  .bottom .div-bot a {
    color: #fff;
    text-decoration: none;
    height: 100%;
  }

  .bottom .span-bot {
    display: block !important;
    position: relative;
    left: 0;
    bottom: 0;
    background: none;
    width: 100%;
    line-height: 92px;
    background-repeat: no-repeat;
    background-position: center 6px;
    height: 100% !important;
  }

  .div-bot.map-page .span-bot {
    background-image: url('/Design/map3.png');
  }

  .div-bot.zlchat .span-bot {
    background-image: url('/Design/zalo2.png');
  }

  .div-bot.button-phone .span-bot {
    background-image: url('/Design/dt2.png');
  }

  .div-bot.mes .span-bot {
    background-image: url('/Design/mes2.png');
  }

  .bottom .box-zalo a {
    color: #ac1a1b;
  }

  .bottom .box-zalo {
    bottom: 101%;
    left: 0 !important;
  }

  .form,
  .list-rating {
    width: 96%
  }

  .img-mem {
    height: 380px
  }

  .library li {
    height: 260px
  }

  .trade-image {
    height: 260px
  }

  .li-par {
    height: 45px;
  }

  .row-50 {
    width: 100%;
    box-sizing: border-box;
  }

  .box-buy {
    margin-top: 0;
    margin-left: 15px
  }

  .rightthanhtoan {
    width: 100%;
  }

  .leftthanhtoan {
    width: 100%;
    margin-top: 30px;
  }
}


@media only screen and (max-width: 767px) {
  #slideshow {
    height: 246px;
    margin-bottom: 0;
  }

  .container {
    width: 620px;
  }

  .content-rate {
    /* padding:0 15px */
  }

  .services-about ul {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    row-gap: 27px;
    padding-top: 45px;
  }

  .img-se {
    position: relative;
    margin-top: 10px;
    top: 0;
    margin-bottom: 10px;
  }

  .img-se img {
    max-width: 100%;
  }

  .content-se {}

  .middle-header {
    /* height: 0; */
    /* position: relative !important; */
    /* z-index: inherit; */
  }

  .content-se span {
    font-size: 26px;
  }

  .content-se p {
    font-size: 22px;
  }

  .services-about li {
    padding-top: 5px;
  }

  #ShowMenu {
    /* position: absolute; */
    /* right: 0; */
    /* top: -54px; */
    /* z-index: 1; */
  }

  #ShowMenu:before {
    z-index: 1;
  }

  .top-header .left {
    width: 100%;
  }

  .top-header .left.logo {
    width: auto;
  }

  .company h4 {
    font-size: 16px;
  }

  .company h3 {
    font-size: 35px;
    margin-top: 2px;
  }

  .top-header .right {
    /* margin-top: 6px; */
    /* position: absolute; */
    /* right: 0; */
  }

  .holine-top {
    display: none;
  }

  .news-trade {
    /* margin-top:30px */
    padding-top: 30px;
  }

  article .container.overHide {
    padding-bottom: 20px
  }

  .project-image {
    height: 350px;
  }

  .project-name {
    bottom: 0
  }

  .des-tit {
    width: 90%
  }

  .padding-page {
    padding-top: 0;
    padding-bottom: 25px;
  }

  .product-Promo:before {
    display: none
  }

  .middle-header .logo {
    /* height: 70px !important; */
    /* width: 83px; */
    overflow: hidden;
    top: -3px;
  }

  .middle-header .logo a {
    /* height: 100% !important; */
    display: block;
  }

  .middle-header .logo canvas {
    /* height:100% !important */
  }

  .table_cart .quantity {
    width: 157px !important;
  }

  .infocompany .text-footer {
    font-size: 16px;
  }

  footer .foot {
    text-align: center;
  }

  footer .foot .left,
  footer .foot .right {
    width: 100%;
    /* margin:auto; */
    font-size: 15px;
  }

  .hotline-default {
    padding: 30px 0
  }

  .row-50 {
    width: 100%;
  }

  .tit-page {
    font-size: 24px;
    margin-top: 15px;
  }

  .row-50.row1.left {
    display: block !important
  }

  .slider_contain.slidemobile {
    display: block;
    width: 100%;
    margin-top: 30px;
  }

  .c-tabs-nav a {
    font-size: 15px;
    padding: 5px 20px 8px;
  }

  .product-default ul li .imgproduct,
  .product-list li .imgproduct {
    height: 204px;
  }

  .phone-hot a {
    font-size: 30px;
  }

  .list-article-category .item .postImg {
    height: 160px;
  }

  .tit-cat {
    display: none
  }

  .banner-ct {
    margin-top: 50px;
    height: 176px;
  }

  .contact .right-content {
    width: 100%;
  }

  .contact .left-content {
    width: 100%;
    margin-top: 20px;
  }

  .li-content-gt li {
    /* width:100%; */
  }

  .li-content-gt:nth-child(1) {
    padding-right: 0;
    width: 100%;
    overflow: hidden;
  }

  .li-content-gt:nth-child(2) {
    padding-left: 0;
    width: 100%;
  }

  .li-content-gt li {
    margin-top: 5px;
    /* text-align:left; */
    /* text-align: center; */
  }

  .li-content-gt:nth-child(n+1) li strong {
    /* background: none; */
    /* padding: 5px 0; */
  }

  .li-content-gt li span {
    font-size: 20px
  }

  .product-default ul li .title-product,
  .product-list li .title-product {
    /* padding-top:10px; */
  }

  .img-gt {
    /* display:none; */
    position: relative;
  }

  .about {
    padding-bottom: 10px;
    /* display: none; */
  }

  .product-Promo {
    padding: 30px 0
  }

  .tit-gt h1,
  .slogan-df,
  .tit-pd {
    font-size: 35px;
  }

  .li-content-gt li strong {
    /* font-size: 26px; */
  }

  .slide-pd li {
    height: 450px
  }

  .left-video {
    margin-top: 0
  }

  .img-gt img {
    width: 100%;
    padding-top: 0;
  }

  .slogan-pd {
    font-size: 40px;
  }

  .right-video a {
    height: auto;
  }

  .listImage .listImg,
  .listVieos .postImg {
    height: 233px;
  }

  .lstImgContent .postImg {
    height: 237px;
  }

  .slide-pd li {
    height: 332px;
  }

  .slogan-video {
    font-size: 35px;
  }

  .tit-df {
    font-size: 35px;
  }

  .list_project,
  .list-article-category {
    /* grid-template-columns: repeat(2,minmax(0,1fr)); */
  }

  .personal-mem {
    width: 100%
  }

  .company-mem {
    width: 100%;
    margin-top: 30px
  }


  .baner-mini {
    margin-top: 0
  }

  .trade-image {
    height: 400px
  }

  .img-mem {
    height: 360px
  }

  .list-member {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 25px;
    row-gap: 25px;
  }

  .library li {
    height: 220px;
  }

  .title-big {
    font-size: 32px;
  }

  .tit-category-page a {
    font-size: 35px;
    background-size: 30px;
    padding-left: 45px;
    background-position: 10px 12px;
  }
}

@media only screen and (max-width: 639px) {
  #slideshow {
    height: 212px;
  }

  .container {
    width: 535px;
  }

  .services-about:after {
    display: none;
  }

  .chef {
    width: 280px;
  }

  .table_cart td.name {
    width: 40%;
  }

  .product-list li:nth-child(n+1) {
    margin: auto;
    /* width:49%; */
  }

  .product-list li:nth-child(2n+2) {
    float: right
  }

  .product-list li:nth-child(n+3) {
    margin-top: 20px
  }

  .phone-hot a:nth-child(n+2) {
    margin-left: 10px;
  }

  .cb-list {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    column-gap: 20px;
    row-gap: 20px;
  }

  .list-partner {
    margin-top: 20px
  }

  .c-tabs-nav a {
    font-size: 15px;
    padding: 5px 20px 8px;
  }

  .product-default ul li .imgproduct,
  .product-list li .imgproduct {
    height: 184px;
  }

  .phone-hot a {
    font-size: 25px;
  }

  .des-hot {
    font-size: 15px;
  }

  .span-hot {
    font-size: 25px;
  }

  .list-article-category .item .postImg {
    height: 151px;
  }

  .banner-ct {
    margin-top: 50px;
    height: 176px;
  }

  .des-pd {
    width: 100%
  }

  .about:after {
    display: none
  }

  .tit-gt h1,
  .slogan-df,
  .tit-pd {
    font-size: 36px;
  }

  .li-content-gt li strong {
    /* font-size: 26px; */
  }

  .slide-pd li {
    height: 450px
  }

  .left-video {
    margin-top: 0
  }

  .img-gt img {
    width: 100%;
    padding-top: 0;
  }

  .tit-gt h2 {
    /* font-size:40px */
  }

  .slogan-pd {
    font-size: 30px;
  }

  .right-video a {
    height: auto;
  }

  .listImage .listImg,
  .listVieos .postImg {
    height: 196px;
  }

  .lstImgContent .postImg {
    height: 202px;
  }

  .slide-pd li {
    height: 252px;
  }

  .slogan-video {
    font-size: 35px;
  }

  .tit-df {
    font-size: 35px;
  }

  .baner-mini {
    display: none
  }

  .zlchat {
    width: 45px;
    height: 45px;
    bottom: 71px;
    right: 5px;
  }

  .map-page {
    width: 45px;
    height: 45px;
    bottom: 124px;
    right: 5px;
  }

  .button-phone {
    width: 45px;
    height: 45px;
    background-position: center;
    bottom: 15px;
    right: 5px;
  }

  .mnv-tuvan {
    width: 45px;
    bottom: 179px;
    right: 5px;
  }

  .project-image {
    height: 300px;
  }

  .img-mem {
    height: 330px
  }

  .comname {
    display: none
  }

  .contain-com span {
    font-size: 18px;
  }

  .tit-category-page a {
    font-size: 28px;
    background-position: 0px 4px;
    padding-left: 35px;
  }

  .contact .right-content {
    padding: 25px;
  }
}

@media only screen and (max-width: 549px) {
  #slideshow {
    height: 185px;
  }

  .detail * {
    font-size: 18px
  }

  .description {
    font-size: 18px;
  }

  .container {
    width: 470px;
  }

  .news1 {
    width: 100%;
  }

  .news1-image {
    height: auto;
  }

  .take-news {
    width: 100%;
    margin-top: 20px;
  }

  .services-about .tit {
    display: none;
  }

  .services-about .des-tit {
    display: none;
  }

  .services-about ul {
    padding-top: 0;
    row-gap: 10px;
  }

  .company h3 {
    font-size: 30px;
    margin-top: 10px;
  }

  .company h4 {
    font-size: 13px;
  }

  .library li {
    height: 180px;
  }

  .trade-image {
    height: 300px;
  }

  .library {
    padding: 30px 0;
  }

  .about {
    /* padding-top: 10px; */
  }

  .services-about:before {
    display: none
  }

  .tit-gt h3 {
    /* display:none */
  }

  footer .infocompany .title-footer {
    width: 100%;
    font-size: 28px;
  }

  .table_cart td.name {
    width: 40%;
  }

  .infocompany .text-footer {
    font-size: 17px;
  }

  .product-list li:nth-child(n+1) {
    margin: auto;
    /* width:49%; */
  }

  .product-list li:nth-child(2n+2) {
    float: right
  }

  .product-list li:nth-child(n+3) {
    margin-top: 20px
  }

  .phone-hot a:nth-child(n+2) {
    margin-left: 10px;
  }

  .cb-list {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    column-gap: 20px;
    row-gap: 20px;
  }

  .pro-duct {
    padding-top: 16px;
  }

  .swiper-glr2 {
    height: 400px;
    margin-top: 15px;
  }

  .c-tabs-nav a {
    font-size: 15px;
    padding: 5px 20px 8px;
  }

  .product-default ul li .imgproduct,
  .product-list li .imgproduct {
    height: 143px;
  }

  .phone-hot a {
    font-size: 25px;
  }

  .des-hot {
    font-size: 15px;
  }

  .span-hot {
    font-size: 25px;
  }

  .list-article-category .item .postImg {
    height: 143px;
    width: 198px;
  }

  .banner-ct {
    margin-top: 50px;
    height: 176px;
  }

  .des-pd {
    width: 100%
  }

  .product-default ul li,
  .product-list li {
    /* padding:10px; */
    /* padding-bottom:15px; */
  }

  .tit-gt h1,
  .slogan-df,
  .tit-pd {
    font-size: 32px;
  }

  .li-content-gt li strong {
    /* font-size: 26px; */
  }

  .slide-pd li {
    height: 450px
  }

  .left-video {
    margin-top: 0
  }

  .img-gt img {
    width: 100%;
    padding-top: 0;
  }

  .tit-gt h2 {
    /* font-size:40px */
  }

  .slogan-pd {
    font-size: 30px;
  }

  .right-video a {
    height: auto;
  }

  .listImage .listImg,
  .listVieos .postImg {
    height: 166px;
  }

  .lstImgContent .postImg {
    height: 175px;
  }

  .slide-pd li {
    height: 223px;
  }

  .slogan-video {
    font-size: 35px;
  }

  .tit-df,
  .tit-video {
    font-size: 35px;
  }

  .lstImgContent .postImg .backgr-img {
    /* height: 492px; */
  }

  .project-image {
    height: 260px
  }

  .li-par {
    height: 80px;
  }

  .box-promo .view_li {
    display: none
  }

  .tit {
    font-size: 25px;
  }

  .list-member {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    column-gap: 25px;
    row-gap: 25px;
  }

  .img-mem {
    height: 380px
  }

  .commit li {
    text-align: center;
  }

  .img-com {
    float: none;
    display: block;
    margin: auto;
  }

  .title-product {
    font-size: 16px;
    padding: 5px 0
  }

  .title-category h3,
  .title-category h1,
  .title-category strong {
    font-size: 28px;
  }

  .title-category a {
    background: none;
    padding: 0
  }

  .box-category-product {
    padding: 25px 10px;
  }

  .table_cart td.price,
  .table_cart td.price-row {
    display: none
  }

  .banner-page {
    height: 163px;
  }

  .banner-page>a {
    height: 100%;
    display: block;
  }

  .banner-page img {
    height: 100%;
    object-fit: cover;
  }

  .logo img {
    display: none;
  }

  .top-header .logo {
    width: 90px !important;
    height: 75px;
  }

  .logo canvas {
    width: 100% !important;
    height: 100% !important;
  }

  .logo a {
    width: 100% !important;
    height: 100% !important;
    margin-top: 3px;
    margin-left: 5px;
  }

  .logo:after {
    width: 103px;
    height: 92px;
  }
}


@media only screen and (max-width: 479px) {
  .banner-page {
    height: 130px
  }

  .contact .right-content {
    padding: 0;
    border: none
  }

  .box-buy {
    width: 100%;
    margin-left: 0;
    margin-top: 10px;
  }

  .title-big {
    font-size: 28px;
  }

  .contain-com span {
    font-size: 16px;
  }

  .phone-hot a:nth-child(n+1) {
    display: block;
    margin-left: 0;
  }

  .phone-hot a:nth-child(n+1):before {
    display: none
  }

  #slideshow {
    height: 158px;
  }

  .container {
    width: 400px;
  }

  .title-inner-pro {
    font-size: 25px;
  }

  .li-content-gt li img {
    display: none
  }

  .tit-article {
    /* padding-left:0; */
    /* padding-right:0 */
  }

  .tit-article .tit-a {
    display: none
  }

  .tit {
    font-size: 27px;
    line-height: 43px;
    padding-bottom: 3px;
  }

  .slider_contain .sliderPhotos {
    height: 380px;
  }

  .comname {
    margin-left: 4px;
  }

  .des-tit {
    width: 100%;
  }

  .tit-pro a {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    z-index: 4;
  }

  .tit-gt h3 {
    font-size: 19px;
  }

  .box-white {
    padding: 10px;
  }

  .detail {
    padding-top: 15px;
  }

  .box-white .tit-gt span {
    width: 100%;
  }

  .tit-pro:after {
    display: none
  }

  .lbtim {
    display: none
  }

  .tit-df {
    font-size: 25px;
  }

  .breadcrum {
    padding-top: 5px;
  }

  .photo-default {
    background-size: cover;
    background-position: center center
  }

  .product-default ul,
  .product-list {
    /* grid-template-columns: repeat(1,minmax(0,1fr)); */
    column-gap: 5px;
    row-gap: 5px;
  }

  .product-default ul li h4,
  .product-list li h4 {
    height: auto
  }

  .product-list li:nth-child(n+1) {
    /* width: 80% !important; */
  }

  .banner-gt.botbn {
    margin-bottom: 0
  }

  .listImage,
  .listVieos {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    column-gap: 20px;
    row-gap: 20px;
  }

  .lstImgContent {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    column-gap: 10px;
    row-gap: 10px;
  }

  .c-tabs-nav a {
    font-size: 15px;
    padding: 4px 15px 5px;
    margin: 2px 0;
  }

  .product-default ul li .imgproduct,
  .product-list li .imgproduct {
    height: 140px;
  }

  .product-default ul li .imgproduct img,
  .product-list li .imgproduct img {
    /* width:100%; */
  }

  .OldPrice {
    display: none
  }

  .phone-hot a {
    font-size: 25px;
  }

  .des-hot {
    font-size: 15px;
  }

  .span-hot {
    font-size: 25px;
  }

  .list-article-category .item .postImg {
    height: auto !important;
    width: 100%;
    margin: auto;
    float: none;
  }

  .content-catygory {
    display: block;
    margin-top: 15px;
  }

  .banner-ct {
    margin-top: 50px;
    height: 176px;
  }

  .listImage .listImg {
    height: 140px;
  }

  .tit-page {
    font-size: 17px;
  }

  .table_cart td {
    padding: 5px;
  }

  .lstImgContent .postImg img {
    width: 100%;
    margin: 0 !important;
    border: none;
  }

  .lstImgContent li {
    padding: 0
  }

  .tit-gt h1,
  .slogan-df,
  .tit-pd {
    font-size: 30px;
  }

  .li-content-gt li strong {
    /* font-size: 26px; */
  }

  .slide-pd li {
    height: 450px
  }

  .left-video {
    margin-top: 0
  }

  .img-gt img {
    width: 100%;
    padding-top: 0;
  }

  .tit-gt h2 {
    font-size: 22px;
  }

  .slogan-pd {
    font-size: 32px;
  }

  .right-video a {
    height: auto;
  }

  .listImage .listImg,
  .listVieos .postImg {
    height: 310px;
  }

  .lstImgContent .postImg {
    height: 300px;
  }

  .slide-pd li {
    height: 389px;
    width: 100%;
    margin: 0;
  }

  .slogan-video {
    font-size: 35px;
  }

  .tit-df,
  .tit-video {
    font-size: 35px;
  }

  .detail-gt a {
    /* padding:7px 20px */
  }

  .project-image {
    height: 228px;
  }

  .img-about {
    /* height: 423px; */
  }

  .chef {
    width: 200px;
  }

  .company h3 {
    font-size: 30px;
    margin-top: 24px;
  }

  .company h4 {
    font-size: 11px;
    letter-spacing: 0px;
  }

  .top-header .right {
    right: 47px;
  }

  .lan span {
    font-size: 13px;
    padding: 4px 11px;
  }

  .library span {
    font-size: 16px;
  }

  .lan i {}

  .list-lan {}

  .list-lan a {
    font-size: 16px;
    padding: 4px 6px;
  }

  #ShowMenu {
    /* top: -105px; */
    /* width: 30px; */
    /* height: 24px; */
  }

  #ShowMenu:before {
    /* font-size: 18px; */
  }

  .library li {
    height: 160px;
  }

  .detail-support span {
    font-size: 25px;
  }

  .detail-support p {
    font-size: 16px;
  }

  .lis-a-support {
    display: block;
    background: none;
    padding: 0;
  }

  .lis-a-support a {
    display: block;
    width: 100%;
    background-image: url('/Design/bg-support-a.png');
    background-size: 100% 100%;
    margin-bottom: 5px;
    padding: 10px;
    box-sizing: border-box;
    font-size: 25px;
  }

  .support-about {
    padding: 15px;
  }

  .lis-a-support a:nth-child(n+2):before {
    display: none
  }

  .trade-image {
    height: 276px;
  }

  .trade-name a {
    height: auto;
  }

  .regis a {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin: 0;
    box-sizing: border-box;
    margin-top: 10px;
  }

  .regis {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}


@media only screen and (max-width: 409px) {
  #slideshow {
    height: 142px;
  }

  .container {
    width: 360px;
  }

  .table_cart td {
    padding: 5px;
  }

  .comname h3 {
    font-size: 20px
  }

  .comname {
    padding-bottom: 13px
  }

  .c-tabs-nav a {
    font-size: 15px;
    padding: 4px 15px 5px;
    margin: 2px 0;
  }

  .product-default ul li .imgproduct,
  .product-list li .imgproduct {
    height: 117px;
  }

  .OldPrice {
    display: none
  }

  .phone-hot a {
    font-size: 25px;
  }

  .des-hot {
    font-size: 15px;
  }

  .span-hot {
    font-size: 25px;
  }

  .list-article-category .item .postImg {
    height: 121px;
  }

  .banner-ct {
    margin-top: 50px;
    height: 176px;
  }

  .listImage .listImg {
    height: 140px;
  }

  .tit-page {
    font-size: 17px;
  }

  .box-page-abouts,
  .box-white {
    padding: 10px
  }

  .slider_contain .sliderPhotos {
    height: 340px;
  }

  .tit-gt h1,
  .slogan-df,
  .tit-pd {
    font-size: 28px;
  }

  .li-content-gt li strong {
    font-size: 16px;
  }

  .li-content-gt li {
    border-radius: 20px
  }

  .slide-pd li {
    height: 450px
  }

  .left-video {
    margin-top: 0
  }

  .img-gt img {
    width: 100%;
    padding-top: 0;
  }

  .tit-gt h2 {
    font-size: 18px;
  }

  .tit-gt h3 {
    font-size: 20px
  }

  .slogan-pd {
    font-size: 29px;
  }

  .right-video a {
    height: auto;
  }

  .listImage .listImg,
  .listVieos .postImg {
    height: 275px;
  }

  .lstImgContent .postImg {
    /* height: auto !important; */
    height: 277px;
  }

  .slide-pd li {
    height: 352px;
    width: 100%;
    margin: 0;
  }

  .slogan-video {
    font-size: 35px;
  }

  .tit-df,
  .tit-video {
    font-size: 34px;
  }

  .img-about {
    /* height: 403px; */
  }

  .trade-image {
    height: 250px
  }

  .company h3 {
    font-size: 29px;
    margin-top: 38px;
    text-align: right;
  }

  .company h4 {
    font-size: 14px;
    display: none;
  }

  .top-header .right {
    /* margin-top: 14px; */
  }

  #ShowMenu {
    /* top: -96px; */
  }

  .content-se span {
    font-size: 22px
  }
}

@media only screen and (max-width:369px) {
  #slideshow {
    height: 139px;
  }

  .container {
    width: 350px;
  }

  .c-tabs-nav a {
    font-size: 15px;
    padding: 4px 15px 5px;
    margin: 2px 0;
  }

  .product-default ul li .imgproduct,
  .product-list li .imgproduct {
    height: 120px;
  }

  .OldPrice {
    display: none
  }

  .phone-hot a {
    font-size: 25px;
  }

  .des-hot {
    font-size: 15px;
  }

  .span-hot {
    font-size: 25px;
  }

  .list-article-category .item .postImg {
    height: 121px;
  }

  .banner-ct {
    margin-top: 50px;
    height: 176px;
  }

  .listImage .listImg {
    height: 140px;
  }

  .tit-page {
    font-size: 17px;
  }

  .project-image {
    height: 210px
  }

  .tit-gt h1,
  .slogan-df,
  .tit-pd {
    font-size: 31px;
  }

  .li-content-gt li strong {
    font-size: 17px;
  }

  .slide-pd li {
    height: 450px
  }

  .left-video {
    margin-top: 0
  }

  .img-gt img {
    width: 100%;
    padding-top: 0;
  }

  .tit-gt h2 {
    font-size: 20px;
  }

  .tit-gt h3 {
    font-size: 20px
  }

  .slogan-pd {
    font-size: 29px;
  }

  .right-video a {
    height: auto;
  }

  .listImage .listImg,
  .listVieos .postImg {
    height: 275px;
  }

  .lstImgContent .postImg {
    height: 277px;
  }

  .slide-pd li {
    height: 352px;
    width: 100%;
    margin: 0;
  }

  .slogan-video {
    font-size: 35px;
  }

  .tit-df,
  .tit-video {
    font-size: 34px;
  }

  .slider_contain .sliderPhotos {
    height: 330px;
  }
}

@media only screen and (max-width:359px) {
  body {
    min-width: 360px;
    width: 360px;
  }
}